<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery  了解javaScript功能：页面所有出发型效果
		 JQuery的使用方式：
		 1.JQuery官方网站，下载JQuery封装js库， 格式：jquery-1.11.1.js
		                   jquery-2.X.js之后的版本不支持IE 6,7,8
		 2.引入JQuery框架【js类库】在head中，script元素  导入				   
		                <script src="js/jquery-1.11.1.js"></script>
		 3.编写JQuery框架语法----JS页面动态效果
		    在页面最后body前方加script元素   为什么？
			思考：操作页面上面元素  body中生成实际页面上的内容，改变页面效果，
			整个html+css 理解为一颗DOM树：元素 属性 属性值 先存在，这些元素才可以进行操作
			所以，JS中DOM树的操作需要等页面元素都加载完毕，才可以对页面元素进行操作
		    javaScript行为层  EMCAScript 5.0 核心语法层--类似javaSE基础
			                  功能：做逻辑
						重点： DOM   Document Object Model 文档节点对象模型
							  功能:改变页面效果【结合逻辑】
							          document
									     html
								head            body
									  
							  BOM   Browser  Object Model 浏览器对象模型
							  功能：做浏览器效果【结合逻辑】 吸顶灯效果
		 
		 
		 
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/* JQ语法 */
			$("button").click(function(){alert("东边日出西边雨，道是无晴却有晴。")})
		</script>
	</body>
</html>